<template lang="html">
  <div class="addresslist_box">
    <ul class="addresslist_main">
      <li class="addresslist_list" v-for="item in listmain ">
        <div class="list_main">
          <div class="addresslist_header">
            <p class="name">{{item.name}}</p>
            <p>{{item.mobile}}</p>
          </div>
          <h2>{{item.sheng}}{{item.shi}}{{item.qu}}{{item.address}}</h2>
        </div>
        <div class="operation">
          <input type="radio" name="sex">
          <span>设置默认</span>
          <div class="delete_btn">删除</div>
          <router-link class="bianji" :to="{path:'/gerenaddressxiugai',query:{id:item.id}}">编辑</router-link>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props:['listmain'],
  data () {
    return {}
  },
  components:{}
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.addresslist_box {
  width: 100vw;
  .addresslist_main{
    width: 100vw;
    .addresslist_list{
      width: 100%;
      border-bottom: solid 1px @color8;
      text-align: left;
      .list_main{
        width: @width;
        margin: 0 auto;
        .addresslist_header{
          margin-top: 2vw;
          width: 100%;
          overflow: hidden;
          zoom:1;
          p{
            display: inline-block;
            float: left;
            line-height: 7vw;
          }
          .name{
            max-width: 55vw;
            margin-right: 3vw;
            .font_space(1);
          }
        }
        h2{
          padding: 3vw 0vw;
          line-height: 5vw;
        }
      }
      .operation{
        width: 100%;
        height: 10vw;
        line-height: 10vw;
        border-top: solid 1px @color8;
        border-bottom: solid 1px @color8;
        font-size: @h3_font_size;
        color: @color7;
        input{
          width: 6vw;
          margin-left: 4vw;
          margin-top: 2vw;
        }
        span{
          display: inline-block;
          width: 16vw;
          position: relative;
          top: -1vw;
        }
        .delete_btn{
          display: inline-block;
          float: right;
          width: 8vw;
          margin-right: 4vw;
        }
        .bianji{
          width: 8vw;
          float: right;
          color: @color7;
          margin-right: 4vw;
        }
      }
    }
  }
}
</style>